import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
import { Icon } from 'antd'
import styles from './Footer.css'

const emlImg = require('../assets/bottom/eml.png')
const logoImg = require('../assets/logo.png')

const telegramImg =require('../assets/bottom/foot_tegegram.png')
const mediumImg =require('../assets/bottom/foot_medium.png')
const beatchartImg = require('../assets/bottom/foot_beatchat.png')

export default class extends PureComponent {
  render() {
    return (
      <div className={styles.container}>
        <div className={styles.top}>
          <img className={styles.topLeft} src={logoImg} />
          <div className={styles.topCenter}>
            <img src={emlImg} /> Email: service@shareschain.net
          </div>
          <div className={styles.topRight}>
            <Icon type="wechat" className={styles.icon}/>
            <img src={telegramImg} className={styles.iconImg}/>
            <Icon type="weibo" className={styles.icon}/>
            <Icon type="facebook" className={styles.icon}/>
            <Icon type="twitter" className={styles.icon}/>
            <img src={mediumImg} className={styles.iconImg}/>
            <img src={beatchartImg} className={styles.iconImg}/>
          </div>
        </div>
        <div className={styles.bottom}>
          @ 2017 SharesChain Foundation
        </div>
      </div>
    )
  }
}
